<template>
<div class="controller-left">
	<ul>
		<a v-for="menu in menus">
			<router-link :to="menu.link"><li>{{menu.name}}</li></router-link>
		</a>
		<a href="./main.html#index"><li>返回主页</li></a>
	</ul>
</div>
</template>
 
<script>
module.exports = {
    data: function() {
        return {
        	menus: [
	        	{ name: '车票管理', link: '/ticketController'},
	        	{ name: '添加车票', link: '/ticketControllerAdd'},
	        	{ name: '联系方式', link: ''},
	        	{ name: '用户反馈', link: ''},
	        	]
       		}
    	}
	}
</script>
 
<style>
	body,ul,li,a{
		margin:0px;
		padding:0px;
		text-decoration:none;
		list-style:none;
	}
	a:hover li{
			background-color:#F5F5DC;
		}
	.controller-left{
		background-color:#6495ED;
		width:15%;
		min-height:865px;
		float:left;
		clear:right;
	}
	.controller-left ul li{
		width:100%;
		height:30px;
		text-align:center;
		font-size:25px;
		border-bottom:1px solid #FFFFFF;
		padding:40px 0px;
	}
</style>